<!DOCTYPE html>
<html>
<head>
    --<meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'estate')}"/>
    <title>贷款额分布</title>
</head>
<body class="fixed-navbar fixed-sidebar">
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>贷款额分布</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                %{--<i id="goBack" class="pe-7s-back fa-2x" style="position: absolute; top: 8px;"></i>--}%
               <span>贷款额分布</span>
            </h2>
        </div>
    </div>
</div>
<g:include view="analyze/common1.gsp"></g:include>
%{--<div class="row">
    <div class="hpanel hgreen">
        <div class="panel-body ">
            <ul id="myTab" class="nav nav-pills">
                <li class="active">
                    <a href="#myChart4" data-toggle="tab">
                        数量
                    </a>
                </li>
                <li><a href="#myChart5" data-toggle="tab">贷款额</a></li>
                <li>
                    <a href="#myChart6"  data-toggle="tab">
                        贷款余额
                    </a>
                </li>
                <li>
                    <a href="#myChart7"  data-toggle="tab">
                        动态抵押率
                    </a>
                </li>
            </ul>
            <div class="tab-content ">
                <div id="myChart4" class="tab-pane fade in active content-boxed " style="width: 1250px;height: 500px;"></div>
                <div id="myChart5" class="tab-pane fade content-boxed " style="width: 1250px;height: 500px;"></div>
                <div id="myChart6" class="tab-pane fade content-boxed " style="width: 1250px;height: 500px;"></div>
                <div id="myChart7" class="tab-pane fade content-boxed " style="width: 1250px;height: 500px;"></div>
            </div>
        </div>
    </div>
</div>--}%
<div class="row">
    <div class="hpanel hgreen">
        <div class="panel-heading">
            <div class="panel-tools">
                <a class="showhide"><i class="fa fa-chevron-up"></i></a>
            </div>
            观测指标
        </div>
        <div class="panel-body">
            <ul id="myTab" class="nav nav-tabs">
                <li id="one" class="active">
                    <a href="" data-toggle="tab" href="#tab-1" aria-expanded="true">
                        数量
                    </a>
                </li>
                <li id="two"><a href="" data-toggle="tab">贷款额</a></li>
                <li id="three">
                    <a href=""  data-toggle="tab" href="#tab-1" aria-expanded="true">
                        贷款余额
                    </a>
                </li>
                <li id="four">
                    <a href=""  data-toggle="tab" href="#tab-1" aria-expanded="true">
                        命中反欺诈
                    </a>
                </li>
            </ul>
                        <div id="myChart4" style="width: 100%;height: 340px;"></div>
        </div>
    </div>
</div>
<asset:javascript src="echarts/echarts-all-3.js" />
<asset:javascript src="main/amount1.js" />
<script>

    $(function(){
        $('#goBack').click(function(){
            window.history.back(-1);
        })
    })

</script>
</body>
</html>
